import React from 'react';
import './myorder.css';
import '../../../index.css';
import { Outlet } from 'react-router';
import { NavLink } from 'react-router-dom';
export default function Myorder() {
    return (
        <div id="myorder">
            <div className="myorder_top">我的订单 </div>
            <div className="myorder_daohang">
                <div>
                    <ul>
                        <li><NavLink to="/home/person/myorder/allorder"><span>全部</span></NavLink></li>
                        <li><NavLink to="/home/person/myorder/notpaid"><span>待付款</span></NavLink></li>
                        <li><NavLink to="/home/person/myorder/unsent"><span>待发货</span></NavLink></li>
                        <li><NavLink to="/home/person/myorder/unreceived"><span>待收货</span></NavLink></li>
                        <li><NavLink to="/home/person/myorder/notsay"><span>待评价</span></NavLink></li>
                        <li><NavLink to="/home/person/myorder/refund"><span>退款/售后</span></NavLink></li>
                        <li><NavLink to="/home/person/myorder/shut"><span>已完成/关闭</span></NavLink></li>
                        <li><NavLink to="/home/person/myorder/gone"><span>订单回收站</span></NavLink></li>
                    </ul>
                </div>
            </div>
            <div className="myorder_out"><Outlet></Outlet></div>

        </div >
    )
}